import getDeviceInfo from '../common/deviceInfo'
// 用于解决ios系统 在textarea删除完文字后，原有的placeHolder显示不正确的问题
Vue.directive('textareaPlaceholder', {
  inserted: function(el, bind) {
    if (getDeviceInfo().isIOS) {
      let textareaEl = el
      textareaEl.addEventListener('input', onInput)
    }
  },
  update: function(el, bind) {
    if (getDeviceInfo().isIOS) {
      let textareaEl = el
      textareaEl.removeEventListener('input', onInput)
      textareaEl.addEventListener('input', onInput)
    }
  },
})

function onInput(el) {
  let textareaEl = el
  if (textareaEl.value === '') {
    textareaEl.style.opacity = 0
    setTimeout(() => {
      textareaEl.style.opacity = 1
    }, 10)
  }
}
